<!doctype html>
<html>

	<head>
		<meta charset="UTF-8" />
		<title>Themse</title>

		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<link rel="stylesheet" type="text/css" href="themes.css" />
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
		<link rel="icon" type="image/x-icon" href="the.ico" />
	</head>

	<body>

		<nav class="navbar navbar-expand-lg navbar-light bg-light bg-white">
			<div class="container">
				<a class="navbar-brand" href="#">Themes</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
				<div class="collapse navbar-collapse" id="navbarText">
					<ul class="navbar-nav mr-auto">

					</ul>
					<span class="navbar-text">
     Themes
    </span>
					<span class="navbar-text">
     About
    </span>
					<span class="navbar-text">
     FAQ
    </span>
				</div>
			</div>
		</nav>

		<div class="main">
			<div class="container">
				<div class="main-one">
					<p class="main-left">
						<a href="#">B</a>
					</p>
					<h2>Themes</h2>
					<p>Customize and extend</p>
					<button>Exploer</button>
				</div>
			</div>
		</div>

		<div class="banner">
			<div class="container">
				<div class="row">
					<div class="col-md-4 text-center m">
						<img src="img/es111.gif" />
						<p>Components and examples</p>
						<span>Each theme features new components</span>
					</div>

					<div class="col-md-4 text-center m">
						<img src="img/es11.png" />
						<p>Tons of variables</p>
						<span>Theme components inherit much</span>
					</div>

					<div class="col-md-4 text-center m">
						<img src="img/es1.gif" />
						<p>Source files and tools</p>
						<span>Each theme includes components</span>
					</div>
				</div>
			</div>
		</div>

		<div class="banner-but">

			<div class="container">
				<h4>Team</h4>
				<div class="row">
					<div class="col-md-4 t">
						<div class="card">
							<img class="card-img-top" src="img/insta-2.jpg" alt="Card image cap">
							<div class="imges">
								<img src="img/avatar-fat.jpg" />
							</div>
							<div class="card-body mt-5 pl-2 pr-2">
								<h5 class="card-title">Jacob Thornton</h5>
								<p class="card-text">Creator of Bootstrap,enggineer at Twitter& Medium.Founder of Bumpers.
								</p>
								<a href="#" class="btn btn-primary blue">View GitHub</a>
							</div>
						</div>

					</div>
					<div class="col-md-4 t">
						<div class="card">
							<img class="card-img-top" src="img/insta-1.jpg" alt="Card image cap">
							<div class="imges">
								<img src="img/avatar-mdo.jpg" />
							</div>
							<div class="card-body mt-5 pl-2 pr-2">
								<h5 class="card-title">Mark Otto</h5>
								<p class="card-text">Design at GitHub. Creator of Bootstrap.Previously at Twitter.Huge nerd.
								</p>
								<a href="#" class="btn btn-primary blue">View GitHub</a>
							</div>
						</div>

					</div>
					<div class="col-md-4 t">
						<div class="card">
							<img class="card-img-top" src="img/insta-3.jpg" alt="Card image cap">
							<div class="imges">
								<img src="img/avatar-dhg.png" />
							</div>
							<div class="card-body mt-5 pl-2 pr-2">
								<h5 class="card-title">Dave Gamache</h5>
								<p class="card-text">Design at Twitter. & Medium. Staring something new soon;)
								</p>
								<a href="#" class="btn btn-primary blue">View GitHub</a>
							</div>
						</div>

					</div>
				</div>
			</div>
		</div>





		<div class="q">
			<div class="container">
				<div class="card">
					<div class="cardd-body pt-4">
						<div class="float-left">
							<h5 class="card-title ml-4">C'mon,check out the themes</h5>
							<p class="card-text ml-4">Now you kno we're about,so peep the goods!</p>
						</div>
						<a href="#" class="btn btn-primary float-right mt-3 mr-5">Explore</a>
					</div>
				</div>
			</div>
		</div>








		<div class="footer text-center">
			<div class="container">
				<a href="#">About</a>
				<a href="#">Terms</a>
				<a href="#">Privacy</a>
				<a href="#">Licenses</a>
				<a href="#">FAQ</a>
				<a href="#">Bootstrap</a>
			</div>
		</div>


	</body>

	<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
	<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
	<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</html>